/*
    1.主色调，整体项目的主要颜色。
    2.首页的背景颜色。
    3.字体颜色。主要是和主色调来配合使用。
    4.表格滑过的颜色。
    5.快捷入口背景色。
    6/7.首页每一项渐变的颜色，待定。
*/
.theme_cold .el-header {
  background-image: linear-gradient(270deg, #506D80 26%, #7494A9 63%, #507186 100%) !important;
}
.theme_cold .activeItem {
  background: #335A71 !important;
  opacity: 0.5;
  background-image: linear-gradient(180deg, rgba(0, 215, 205, 0) 0%, #335A71 100%) !important;
  color: #8AFFEA !important;
}
.theme_cold .el-aside .el-menu {
  background: #37566C !important;
}
.theme_cold .el-aside .el-menu .el-menu-item {
  background: #37566C !important;
}
.theme_cold .el-aside .el-menu .el-menu-item:hover {
  background-color: #7494A9 !important;
  color: #EDB90A !important;
}
.theme_cold .el-aside .el-menu .el-menu-item:hover:before {
  border: 1px solid #EDB90A !important;
  background: #EDB90A !important;
}
.theme_cold .el-aside .el-menu--inline .is-active {
  background-color: #7494A9 !important;
  color: #EDB90A !important;
}
.theme_cold .el-aside .el-menu--inline .is-active:before {
  border: 1px solid #EDB90A !important;
  background: #EDB90A !important;
}
.theme_cold .el-aside .is-opened .el-submenu__title:before {
  background: #EDB90A !important;
}
.theme_cold .el-submenu__title:hover,
.theme_cold .el-submenu__title:focus {
  background: #7494A9 !important;
}
.theme_cold .el-menu--inline {
  background: #7494A9 !important;
}
.theme_default .el-header {
  background: #009588 !important;
}
.theme_default .el-header .downApp:before {
  background: #00ae9f !important;
}
.theme_default .activeItem {
  background: #00ae9f !important;
}
.theme_default .todoBox .el-tabs__item.is-active,
.theme_default .proStatusDisBox .el-tabs__item.is-active,
.theme_default .realNameStatisticsBox .el-tabs__item.is-active,
.theme_default .payrollStatisticsBox .el-tabs__item.is-active,
.theme_default .secondLeftBox .el-tabs__item.is-active {
  color: #009588 !important;
}
.theme_default .el-aside .is-opened .el-submenu__title:before,
.theme_default .logoBox .logoTile,
.theme_default .el-tabs__active-bar {
  background: #009588 !important;
}
.theme_default .el-menu--inline .el-menu-item:hover:before,
.theme_default .el-menu--inline .is-active:before {
  border: 1px solid #009588 !important;
  background: #009588 !important;
}
.theme_default .saveBtn,
.theme_default .commonBtn,
.theme_default .save,
.theme_default .el-message-box__btns button:nth-child(2),
.theme_default .submitBtnBox,
.theme_default .createSalaryBut,
.theme_default .el-button.el-button--default.el-button--small.el-button--primary,
.theme_default .miniButColor,
.theme_default .listAddBtn {
  background-color: #009588 !important;
  border-color: #009588 !important;
}
.theme_default .saveBtn:hover,
.theme_default .commonBtn:hover,
.theme_default .save:hover,
.theme_default .el-message-box__btns button:nth-child(2):hover,
.theme_default .submitBtnBox:hover,
.theme_default .createSalaryBut:hover,
.theme_default .el-button.el-button--default.el-button--small.el-button--primary:hover,
.theme_default .miniButColor:hover,
.theme_default .listAddBtn:hover {
  opacity: 0.8;
}
.theme_default .topTitle .btn,
.theme_default .topContent .salaryAccountBut {
  border: 1px solid #009588 !important;
  color: #009588 !important;
}
.theme_default .uploadImg,
.theme_default .toRegister:hover,
.theme_default .funBut {
  border-color: #009588 !important;
  color: #009588 !important;
}
.theme_default .topTitle .el-step__head.is-process {
  color: #fff;
}
.theme_default .topTitle .el-step__head.is-process .el-step__icon.is-text {
  border-color: #009588 !important;
  background: #009588 !important;
}
.theme_default .topTitle .el-step__head.is-success,
.theme_default .topTitle .el-step__title.is-success,
.theme_default .topTitle .el-step__title.is-process {
  color: #009588 !important;
}
.theme_default .topTitle .el-step__line {
  border-color: #009588 !important;
}
.theme_default .createWay ul li {
  background: linear-gradient(0, #009588 1px, #009588 1px) no-repeat, linear-gradient(-90deg, #009588 1px, #009588 1px) no-repeat, linear-gradient(-180deg, #009588 1px, #009588 1px) no-repeat, linear-gradient(-270deg, #009588 1px, #009588 1px) no-repeat;
}
.theme_default .createWay ul li:hover {
  border: 1px solid #009588 \0;
}
.theme_default .createWay ul li:hover .way {
  color: #009588 !important;
}
.theme_default div#driver-popover-item .driver-popover-footer button {
  color: #009588 !important;
  border: 1px solid #009588 !important;
}
.theme_default .dateShow {
  color: #009588 !important;
}
.theme_default .el-button.el-button--default.el-button--small.el-button--primary {
  background-color: #009588 !important;
  border-color: #009588 !important;
}
.theme_default .getCode {
  color: #009588 !important;
  background-color: #DEF7F3 !important;
  border-color: #009588 !important;
}
.theme_default .getCode:hover {
  color: #fff !important;
  background-color: #009588 !important;
}
.theme_default .tabsContainer .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #fff;
  border-color: #009588;
  color: #009588;
  -webkit-box-shadow: -1px 0 0 0 #009588;
  box-shadow: -1px 0 0 0 #009588;
}
.theme_default .projectZb ul li:hover {
  color: #009588 !important;
}
.theme_default .projectZb .selected {
  color: #009588 !important;
}
.theme_default .el-tree-node.is-current .el-tree-node__content .custom-tree-node,
.theme_default .el-tree-node.is-current .el-tree-node__content .el-tree-node__label {
  color: #009588 !important;
}
.theme_default .el-tree-node__content:hover .el-tree-node__label {
  color: #009588 !important;
}
.theme_default .el-tree-node__content:hover .custom-tree-node {
  color: #009588 !important;
}
.theme_default .loginIconBg {
  background: #009588 !important;
}
.theme_default .functionItemChange {
  background: rgba(0, 149, 136, 0.65) !important;
}
.theme_darkgreen .el-header {
  background: #66CCCC !important;
}
.theme_darkgreen .el-header .downApp:before {
  background: #c5cfcb !important;
}
.theme_darkgreen .activeItem {
  background: #c5cfcb !important;
}
.theme_darkgreen .todoBox .el-tabs__item.is-active,
.theme_darkgreen .proStatusDisBox .el-tabs__item.is-active,
.theme_darkgreen .realNameStatisticsBox .el-tabs__item.is-active,
.theme_darkgreen .payrollStatisticsBox .el-tabs__item.is-active,
.theme_darkgreen .secondLeftBox .el-tabs__item.is-active {
  color: #66CCCC !important;
}
.theme_darkgreen .el-aside .is-opened .el-submenu__title:before,
.theme_darkgreen .logoBox .logoTile,
.theme_darkgreen .el-tabs__active-bar {
  background: #66CCCC !important;
}
.theme_darkgreen .el-menu--inline .el-menu-item:hover:before,
.theme_darkgreen .el-menu--inline .is-active:before {
  border: 1px solid #66CCCC !important;
  background: #66CCCC !important;
}
.theme_darkgreen .saveBtn,
.theme_darkgreen .commonBtn,
.theme_darkgreen .save,
.theme_darkgreen .el-message-box__btns button:nth-child(2),
.theme_darkgreen .submitBtnBox,
.theme_darkgreen .createSalaryBut,
.theme_darkgreen .el-button.el-button--default.el-button--small.el-button--primary,
.theme_darkgreen .miniButColor,
.theme_darkgreen .listAddBtn {
  background-color: #66CCCC !important;
  border-color: #66CCCC !important;
}
.theme_darkgreen .saveBtn:hover,
.theme_darkgreen .commonBtn:hover,
.theme_darkgreen .save:hover,
.theme_darkgreen .el-message-box__btns button:nth-child(2):hover,
.theme_darkgreen .submitBtnBox:hover,
.theme_darkgreen .createSalaryBut:hover,
.theme_darkgreen .el-button.el-button--default.el-button--small.el-button--primary:hover,
.theme_darkgreen .miniButColor:hover,
.theme_darkgreen .listAddBtn:hover {
  opacity: 0.8;
}
.theme_darkgreen .topTitle .btn,
.theme_darkgreen .topContent .salaryAccountBut {
  border: 1px solid #66CCCC !important;
  color: #66CCCC !important;
}
.theme_darkgreen .uploadImg,
.theme_darkgreen .toRegister:hover,
.theme_darkgreen .funBut {
  border-color: #66CCCC !important;
  color: #66CCCC !important;
}
.theme_darkgreen .topTitle .el-step__head.is-process {
  color: #fff;
}
.theme_darkgreen .topTitle .el-step__head.is-process .el-step__icon.is-text {
  border-color: #66CCCC !important;
  background: #66CCCC !important;
}
.theme_darkgreen .topTitle .el-step__head.is-success,
.theme_darkgreen .topTitle .el-step__title.is-success,
.theme_darkgreen .topTitle .el-step__title.is-process {
  color: #66CCCC !important;
}
.theme_darkgreen .topTitle .el-step__line {
  border-color: #66CCCC !important;
}
.theme_darkgreen .createWay ul li {
  background: linear-gradient(0, #66CCCC 1px, #66CCCC 1px) no-repeat, linear-gradient(-90deg, #66CCCC 1px, #66CCCC 1px) no-repeat, linear-gradient(-180deg, #66CCCC 1px, #66CCCC 1px) no-repeat, linear-gradient(-270deg, #66CCCC 1px, #66CCCC 1px) no-repeat;
}
.theme_darkgreen .createWay ul li:hover {
  border: 1px solid #66CCCC \0;
}
.theme_darkgreen .createWay ul li:hover .way {
  color: #66CCCC !important;
}
.theme_darkgreen div#driver-popover-item .driver-popover-footer button {
  color: #66CCCC !important;
  border: 1px solid #66CCCC !important;
}
.theme_darkgreen .dateShow {
  color: #66CCCC !important;
}
.theme_darkgreen .el-button.el-button--default.el-button--small.el-button--primary {
  background-color: #66CCCC !important;
  border-color: #66CCCC !important;
}
.theme_darkgreen .getCode {
  color: #66CCCC !important;
  background-color: #DEF7F3 !important;
  border-color: #66CCCC !important;
}
.theme_darkgreen .getCode:hover {
  color: #fff !important;
  background-color: #66CCCC !important;
}
.theme_darkgreen .tabsContainer .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #fff;
  border-color: #66CCCC;
  color: #66CCCC;
  -webkit-box-shadow: -1px 0 0 0 #66CCCC;
  box-shadow: -1px 0 0 0 #66CCCC;
}
.theme_darkgreen .projectZb ul li:hover {
  color: #66CCCC !important;
}
.theme_darkgreen .projectZb .selected {
  color: #66CCCC !important;
}
.theme_darkgreen .el-tree-node.is-current .el-tree-node__content .custom-tree-node,
.theme_darkgreen .el-tree-node.is-current .el-tree-node__content .el-tree-node__label {
  color: #66CCCC !important;
}
.theme_darkgreen .el-tree-node__content:hover .el-tree-node__label {
  color: #66CCCC !important;
}
.theme_darkgreen .el-tree-node__content:hover .custom-tree-node {
  color: #66CCCC !important;
}
.theme_darkgreen .loginIconBg {
  background: #66CCCC !important;
}
.theme_darkgreen .functionItemChange {
  background: #99CCCC !important;
}
.thenm_warm .el-header {
  background: #CC99CC !important;
}
.thenm_warm .el-header .downApp:before {
  background: #D3B3BB !important;
}
.thenm_warm .activeItem {
  background: #D3B3BB !important;
}
.thenm_warm .todoBox .el-tabs__item.is-active,
.thenm_warm .proStatusDisBox .el-tabs__item.is-active,
.thenm_warm .realNameStatisticsBox .el-tabs__item.is-active,
.thenm_warm .payrollStatisticsBox .el-tabs__item.is-active,
.thenm_warm .secondLeftBox .el-tabs__item.is-active {
  color: #CC99CC !important;
}
.thenm_warm .el-aside .is-opened .el-submenu__title:before,
.thenm_warm .logoBox .logoTile,
.thenm_warm .el-tabs__active-bar {
  background: #CC99CC !important;
}
.thenm_warm .el-menu--inline .el-menu-item:hover:before,
.thenm_warm .el-menu--inline .is-active:before {
  border: 1px solid #CC99CC !important;
  background: #CC99CC !important;
}
.thenm_warm .saveBtn,
.thenm_warm .commonBtn,
.thenm_warm .save,
.thenm_warm .el-message-box__btns button:nth-child(2),
.thenm_warm .submitBtnBox,
.thenm_warm .createSalaryBut,
.thenm_warm .el-button.el-button--default.el-button--small.el-button--primary,
.thenm_warm .miniButColor,
.thenm_warm .listAddBtn {
  background-color: #CC99CC !important;
  border-color: #CC99CC !important;
}
.thenm_warm .saveBtn:hover,
.thenm_warm .commonBtn:hover,
.thenm_warm .save:hover,
.thenm_warm .el-message-box__btns button:nth-child(2):hover,
.thenm_warm .submitBtnBox:hover,
.thenm_warm .createSalaryBut:hover,
.thenm_warm .el-button.el-button--default.el-button--small.el-button--primary:hover,
.thenm_warm .miniButColor:hover,
.thenm_warm .listAddBtn:hover {
  opacity: 0.8;
}
.thenm_warm .topTitle .btn,
.thenm_warm .topContent .salaryAccountBut {
  border: 1px solid #CC99CC !important;
  color: #CC99CC !important;
}
.thenm_warm .uploadImg,
.thenm_warm .toRegister:hover,
.thenm_warm .funBut {
  border-color: #CC99CC !important;
  color: #CC99CC !important;
}
.thenm_warm .topTitle .el-step__head.is-process {
  color: #fff;
}
.thenm_warm .topTitle .el-step__head.is-process .el-step__icon.is-text {
  border-color: #CC99CC !important;
  background: #CC99CC !important;
}
.thenm_warm .topTitle .el-step__head.is-success,
.thenm_warm .topTitle .el-step__title.is-success,
.thenm_warm .topTitle .el-step__title.is-process {
  color: #CC99CC !important;
}
.thenm_warm .topTitle .el-step__line {
  border-color: #CC99CC !important;
}
.thenm_warm .createWay ul li {
  background: linear-gradient(0, #CC99CC 1px, #CC99CC 1px) no-repeat, linear-gradient(-90deg, #CC99CC 1px, #CC99CC 1px) no-repeat, linear-gradient(-180deg, #CC99CC 1px, #CC99CC 1px) no-repeat, linear-gradient(-270deg, #CC99CC 1px, #CC99CC 1px) no-repeat;
}
.thenm_warm .createWay ul li:hover {
  border: 1px solid #CC99CC \0;
}
.thenm_warm .createWay ul li:hover .way {
  color: #CC99CC !important;
}
.thenm_warm div#driver-popover-item .driver-popover-footer button {
  color: #CC99CC !important;
  border: 1px solid #CC99CC !important;
}
.thenm_warm .dateShow {
  color: #CC99CC !important;
}
.thenm_warm .el-button.el-button--default.el-button--small.el-button--primary {
  background-color: #CC99CC !important;
  border-color: #CC99CC !important;
}
.thenm_warm .getCode {
  color: #CC99CC !important;
  background-color: #DEF7F3 !important;
  border-color: #CC99CC !important;
}
.thenm_warm .getCode:hover {
  color: #fff !important;
  background-color: #CC99CC !important;
}
.thenm_warm .tabsContainer .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #fff;
  border-color: #CC99CC;
  color: #CC99CC;
  -webkit-box-shadow: -1px 0 0 0 #CC99CC;
  box-shadow: -1px 0 0 0 #CC99CC;
}
.thenm_warm .projectZb ul li:hover {
  color: #CC99CC !important;
}
.thenm_warm .projectZb .selected {
  color: #CC99CC !important;
}
.thenm_warm .el-tree-node.is-current .el-tree-node__content .custom-tree-node,
.thenm_warm .el-tree-node.is-current .el-tree-node__content .el-tree-node__label {
  color: #CC99CC !important;
}
.thenm_warm .el-tree-node__content:hover .el-tree-node__label {
  color: #CC99CC !important;
}
.thenm_warm .el-tree-node__content:hover .custom-tree-node {
  color: #CC99CC !important;
}
.thenm_warm .loginIconBg {
  background: #CC99CC !important;
}
.thenm_warm .functionItemChange {
  background: #D885B4 !important;
}
